<template>
  <div class="bottom">
    <div style="width: 1000px;margin: 0 auto;">
      <div class="bottom-top">
        <div class="bottom-top-left">
          <div class="bottom-urls">
            <span class="bottom-url">加入收藏夹</span>
            <span class="bottom-url">网站地图</span>
            <span class="bottom-url">联系我们</span>
            <span class="bottom-url">网站地图</span>
            <span class="bottom-url">网站地图</span>
            <span class="bottom-url">网站地图</span>
            <span class="bottom-url">网站地图</span>
          </div>
          <div class="bottom-imgs">
            <img class="bottom-img" src="@/assets/police.png" alt="" />
            <img
              class="bottom-img"
              src="@/assets/brand_bottom_large.jpg.png"
              alt=""
            />
            <img class="bottom-img" src="@/assets/zx110.png" alt="" />
            <img class="bottom-img" src="@/assets/icp01.png" alt="" />
            <img class="bottom-img" src="@/assets/syfootd.png" alt="" />
          </div>
        </div>
        <div class="bottom-top-right">
          <div class="bottom-top-box">
            <span class="bottom-top-box-left">手机银行</span>
            <img
              class="bottom-top-box-right"
              src="@/assets/erweima.png"
              alt=""
            />
          </div>
          <div class="bottom-top-box">
            <span class="bottom-top-box-left">企业网上银行</span>
            <img
              class="bottom-top-box-right"
              src="@/assets/erweima.png"
              alt=""
            />
          </div>
          <div class="bottom-top-box">
            <span class="bottom-top-box-left">微信银行</span>
            <img
              class="bottom-top-box-right"
              src="@/assets/erweima.png"
              alt=""
            />
          </div>
          <div class="bottom-top-box">
            <span class="bottom-top-box-left">直销银行下载</span>
            <img
              class="bottom-top-box-right"
              src="@/assets/erweima.png"
              alt=""
            />
          </div>
        </div>
      </div>
      <div class="bottom-bottom">
        <div class="bottom-bottom-text">
          上海银行版权所有 沪ICP备14020744
          未经上海银行许可，任何组织或个人不得链接上海银行网站
        </div>
        <div class="bottom-bottom-box">
          <img class="bottom-police-img" src="@/assets/Webpolice.png" alt="" />
          <span>沪公网安备 31011502003675号</span>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "TheHeader",
  props: {
    msg: String
  }
};
</script>

<style scoped>
.bottom {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 1200px;
  /* height: 300px; */
  background-color: #1f4680;
  color: #fff;
  font-size: 12px;
  /* padding: 0px 134px; */
}
.bottom-top {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 100px;
  margin-top: 50px;
}
.bottom-top-left {
  /* width: 420px; */
  flex-wrap: nowrap;
}
.bottom-urls {
  /* width: 390px; */
  height: 20px;
  display: flex;
  justify-content: flex-start;
}
.bottom-url {
  font-size: 12px;
  color: #ffffff;
  margin-right: 28px;
}
.bottom-imgs {
  width: 100%;
  margin-top: 24px;
  display: flex;
  justify-content: flex-start;
}
.bottom-img {
  width: 90px;
  height: 34px;
  margin-right: 10px;
}
.bottom-top-right {
  width: 300px;
  height: 90px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.bottom-top-box {
  width: 120px;
  height: 30px;
  margin-right: 10px;
  border: 1px solid #fff;
  background-color: #1f4680;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.bottom-top-box-left {
  color: #ffffff;
  font-size: 12px;
}
.bottom-top-box-right {
  width: 18px;
  height: 18px;
}
.bottom-bottom {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.bottom-bottom {
  margin-top: 54px;
}
.bottom-bottom-box {
  display: flex;
  align-items: center;
}
.bottom-police-img {
  width: 20px;
  height: 20px;
}</style
>>
